<div data-page="console" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Console</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <blockquote>This plugin is meant to ensure that console.log() is as useful as it can be. It adds additional function for
                iOS, Ubuntu, Windows Phone 8, and Windows. If you are happy with how console.log() works for you, then you
                probably don't need this plugin. This plugin defines a global console object.
            </blockquote>
        </div>
        <div class="content-block">
            <div class="content-block-inner">
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised" data-type="log">log</a>
                    <a href="#" class="button button-fill button-raised" data-type="error">error</a>
                    <a href="#" class="button button-fill button-raised" data-type="exception">exception</a>
                </p>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised" data-type="warn">warn</a>
                    <a href="#" class="button button-fill button-raised" data-type="info">info</a>
                    <a href="#" class="button button-fill button-raised" data-type="debug">debug</a>
                </p>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised" data-type="assert">assert</a>
                    <a href="#" class="button button-fill button-raised" data-type="dir">dir</a>
                    <a href="#" class="button button-fill button-raised" data-type="dirxml">dirxml</a>
                </p>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised" data-type="time">time</a>
                    <a href="#" class="button button-fill button-raised" data-type="timeEnd">timeEnd</a>
                    <a href="#" class="button button-fill button-raised" data-type="table">table</a>
                </p>
            </div>
        </div>
    </div>
</div>